<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/page/core/header/config.jsp"%>
<title>首页</title>
<script type="text/javascript">
	$(document).ready(function() {
		$("#panel").css("background-color", "yellow");
		$("#p1").click(function() {
			$(this).hide();
		});
		$("#p2").click(function() {
			$(this).fadeOut();
			$("p").css("background-color", "red");
		});
		$("#p3").click(function() {
			
			//$("#panel").slideUp("slow");
			//$("#panel").slideDown("slow");
			$("#panel").slideToggle("slow");
		});
	});
</script>
</head>
<body>
	<p id='p1'>你点我,我将消失</p>
	<p id='p2'>你点我,我将慢慢消失</p>
	<p id='p3'>你点我,滑动</p>
	<div id="panel">
		<p>W3School - 领先的 Web 技术教程站点</p>
		<p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
	</div>
</body>
</html>